// pages/kind/kind.js
import {getCategoryList,getBrandList,getProList} from '../../api/kind'
Page({
  /**
   * 页面的初始数据
   */
  data: {
    categoryList:[],
    currentcategory:0,
    brandList:[],
    currentbrand:0,
    proList:[],
  },
  
  //分类切换
  Changecategory({detail}){
    console.log(detail); 
    this.setData({
      currentcategory:detail,
      currentbrand:0
    })
    this.GetBrand({
      category:this.data.categoryList[this.data.currentcategory]
    }),
    this.GetPro({
      category:this.data.categoryList[this.data.currentcategory],
      brand:this.data.brandList[0]
    })
  },

  //切换品牌
  ChangeBrand(event){
    console.log(event.detail.title);
    this.setData({
      currentbrand:event.detail.index
    })
    this.GetPro({
      category:this.data.categoryList[this.data.currentcategory],
      brand:event.detail.title
    })
  },

  //进入详情
  goDetail(event){
    wx.navigateTo({
      url: '/pages/detail/detail?proid=' + event.target.dataset.proid,
    })
  },

  //获取品牌
    GetBrand(data){
      getBrandList(data).then(res=>{  
        this.setData({
          brandList :res.data
        })
        console.log("品牌列表:", this.data.brandList);  
        
        //获取成功品牌列表后获取商品列表
        this.GetPro({
          category: data.category,
          brand:res.data[0].brand
        })
      })
    },
  

    //获取商品
  GetPro(data){
    getProList(data).then(res=>{
      console.log("商品列表:", res);
      this.setData({
        proList:res.data
      })
      console.log("商品列表:", this.data.proList);
    })
  },

  // changeCategory(index){
  //   this.setData({
  //     currentcategory:index
  //   })
    
  // },
  
 
  /**
   * 生命周期函数--监听页面加载
   */
  onLoad(options) {
       //获取分类
    getCategoryList().then(res=>{
      this.setData({
        categoryList:res.data
      })
      console.log("商品分类列表：", this.data.categoryList);
      //获取分类列表后，获取品牌列表
      this.GetBrand({
        category:res.data[0]
      })
    })

    //获取分类
    // getCategoryList().then(res=>{
    //   this.setData({
    //     categoryList:res.data
    //   })
    //   console.log("商品分类列表：", this.data.categoryList);

    //   //获取品牌
    //   getBrandList({
    //     category: this.data.categoryList[this.data.currentcategory]
    //     }).then(res=>{
    //     this.setData({
    //       brandList:res.data
    //     })
    //     console.log("品牌列表:", this.data.brandList);
    //     //获取商品
    //     getProList({
    //       category: this.data.categoryList[this.data.currentcategory],
    //       brand:this.data.brandList[this.data.currentbrand].brand
    //     }).then(res=>{
    //       console.log("商品列表:", res);
    //       this.setData({
    //         proList:res.data
    //       })
    //       console.log("商品列表:", this.data.proList);
    //     })
    //   })
    // })
  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady() {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow() {

  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide() {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload() {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh() {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom() {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage() {

  }
})